<template>
  <div class="cart">
    <CartNavBar />
    <Scroll class="content" ref="scroll">
      <CartList />
    </Scroll>
    <CartBtn />
  </div>
</template>

<script>
import CartNavBar from "./childrenComponents/CartNavBar";
import CartList from "./childrenComponents/CartList";
import CartBtn from "./childrenComponents/CartBottomBar";

import Scroll from "components/common/scroll/Scroll";

export default {
  components: {
    CartNavBar,
    CartList,
    CartBtn,
    Scroll,
  },
  activated() {
    this.$refs.scroll.refresh();
  },
};
</script>

<style scoped>
.cart {
  height: 100vh;
}
.content {
  height: calc(100% - 44px - 49px);
  overflow: hidden;
}
</style>